<?php
use_stylesheet('data/main.css');
use_javascript('data/main.js');
use_javascript('data/observation.js');
?>



<table width="977px">
    <tr>
        <td>
        <div class="datacontent ui-widget ui-corner-all" align="">

            <?php include_partial('observationForm', array('form' => $form, 'research' => $research)) ?>

            <?php include_component('approval', 'researchStatus', array('researchid' => $research->id)) ?>

            <h1 class="data">Observations</h1>

            <div id="table-wrap">

                <?php include_partial('observationList', array('observations' => $observations)) ?>

            </div>
            <button id="new-obs">add</button>
            <button id="save-obs" link="<?php echo url_for('data/updateObservation?id='.$research->id) ?>">save changes</button>
            <p>
                <a id="back-dir" href="<?php echo url_for('data/showResearch?id='.$research->id) ?>">Back to Research</a>
            </p>

        </div>
        </td>
    </tr>
</table>